<template>
	<div class="home-view">
		<div class="box">
			<div class="son-box"></div>
		</div>
		<div class="box-flex">
			<div class="item"></div>
			<div class="item"></div>
			<div class="item"></div>
			<div class="item"></div>
			<div class="item"></div>
			<div class="item"></div>
			<div class="item"></div>
			<div class="item"></div>
		</div>
		<!-- 2d转换写图片悬浮缩放 -->
		<div class="scale">
			<img src="../assets/images/test01.png" alt="" />
		</div>

		<!-- 动画 -->
		<div class="animation"></div>

		<div>
			<main>
				<div class="add">+新增平台</div>

				<div class="data-item">
					<div class="t">
						<div class="t-l">
							<img src="../assets/images/u203.png" alt="" />
						</div>
						<div class="t-r">
							<p>海洋石油981</p>
							<div>
								<div class="status b">
									<p><span class="normal"></span> 正常</p>
									<p>27</p>
								</div>
								<div class="status b">
									<p class="zwc"><span class="normal zw"></span>中危</p>
									<p class="zwc">2</p>
								</div>
								<div class="status">
									<p class="gwc"><span class="normal gw"></span>高危</p>
									<p class="gwc">1</p>
								</div>
							</div>
						</div>
					</div>
					<div class="f">
						<div class="mid"><img src="../assets/images/15.png" alt="" /> 查看详情</div>
						<div><img src="../assets/images/15.png" alt="" />点击进入</div>
					</div>
				</div>

				<div class="data-item">
					<div class="t">
						<div class="t-l">
							<img src="../assets/images/u203.png" alt="" />
						</div>
						<div class="t-r">
							<p>海洋石油981</p>
							<div>
								<div class="status b">
									<p><span class="normal"></span> 正常</p>
									<p>27</p>
								</div>
								<div class="status b">
									<p class="zwc"><span class="normal zw"></span>中危</p>
									<p class="zwc">2</p>
								</div>
								<div class="status">
									<p class="gwc"><span class="normal gw"></span>高危</p>
									<p class="gwc">1</p>
								</div>
							</div>
						</div>
					</div>
					<div class="f">
						<div class="mid"><img src="../assets/images/15.png" alt="" /> 查看详情</div>
						<div><img src="../assets/images/15.png" alt="" />点击进入</div>
					</div>
				</div>
				<div class="data-item">
					<div class="t">
						<div class="t-l">
							<img src="../assets/images/u203.png" alt="" />
						</div>
						<div class="t-r">
							<p>海洋石油981</p>
							<div>
								<div class="status b">
									<p><span class="normal"></span> 正常</p>
									<p>27</p>
								</div>
								<div class="status b">
									<p class="zwc"><span class="normal zw"></span>中危</p>
									<p class="zwc">2</p>
								</div>
								<div class="status">
									<p class="gwc"><span class="normal gw"></span>高危</p>
									<p class="gwc">1</p>
								</div>
							</div>
						</div>
					</div>
					<div class="f">
						<div class="mid"><img src="../assets/images/15.png" alt="" /> 查看详情</div>
						<div><img src="../assets/images/15.png" alt="" />点击进入</div>
					</div>
				</div>
				<div class="data-item">
					<div class="t">
						<div class="t-l">
							<img src="../assets/images/u203.png" alt="" />
						</div>
						<div class="t-r">
							<p>海洋石油981</p>
							<div>
								<div class="status b">
									<p><span class="normal"></span> 正常</p>
									<p>27</p>
								</div>
								<div class="status b">
									<p class="zwc"><span class="normal zw"></span>中危</p>
									<p class="zwc">2</p>
								</div>
								<div class="status">
									<p class="gwc"><span class="normal gw"></span>高危</p>
									<p class="gwc">1</p>
								</div>
							</div>
						</div>
					</div>
					<div class="f">
						<div class="mid"><img src="../assets/images/15.png" alt="" /> 查看详情</div>
						<div><img src="../assets/images/15.png" alt="" />点击进入</div>
					</div>
				</div>
			</main>
		</div>
	</div>
</template>

<script>
	export default {}
</script>
wi

<style lang="scss" scoped>
	@import '../css/dataDic.scss';
</style>
